@font-face
{font-family: SourceHanSansCN;
src: url('SourceHanSansCN-ExtraLight.otf')}
@font-face
{font-family: Regular;
src: url('SourceHanSansCN-Regular.ttf')}

body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button,code{margin:0;padding:0;color:inherit;line-height: inherit;font-family: 'SourceHanSansCN','PingFangSC-Regular',"microsoft yahei";color: #000;}
img{border:0;display: inline-block;vertical-align: middle;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
a{ text-decoration:none; color:inherit;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
h3,h4,h5,h6{font-weight: normal;}
em,i{font-style:normal;}
*{box-sizing:border-box;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
input[type="button"]{border:none;}
textarea {  -webkit-appearance: none;}  
.auto{max-width: 1560px;margin:0 auto;width: 94%;}
:hover{transition: all .2s;}
.img_hover_wrap{overflow: hidden;}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}
.img_traslate{transition: all .3s;}
.img_traslate:hover{transform: translateY(-10px);}
.img_rotate{transition: all .3s;}
.img_rotate:hover{transform:rotate(-360deg);}
.bold{font-weight: bold;}
.normal{font-weight: normal!important;}
.center{text-align: center!important;}
.img{/* width: 100%; */display: block;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';display: inline-block;vertical-align: middle;}
.ipt{display: block;border:none;}
.ipt_button{cursor: pointer;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.05,1.05);}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;/*-webk
it-line-clamp: 3;*/}
body{background: #fff;overflow-x: hidden;}
.c_main{color:#ff8a33!important;}
.bg{background: #f2f5fa;}
.bg-white{background: #fff!important;}

.item{}
.item .imgbox{display: block;overflow: hidden;}
.item .img{transition: all 1s;width: 100%;display: block;}
.item:hover .imgbox .img{transform: scale(1.1,1.1);}

.flipx .icon{transition: all .3s;}
.flipx:hover .icon{transform:scaleX(-1);}

.btn{display: block;color: #fff;background: #ff8a33;text-align: center;cursor: pointer;border:none;}
.btn:hover{background-color: #e7741f!important;}

.flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-v { -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

/* index */
.head{position:fixed;width: 100%;left: 0;top: 0;z-index:100;padding:15px 0;}
.hd-logo{}
.hd-logo .img{height: 50px;width: auto;}
.head.scroll{background: #fff;border-bottom:1px solid #efefef;}

.hd-rig{}
.hd-sear{}
.hd-sear .ipt-txt{line-height: 40px;font-size: 16px;color:#00428f;width: 0; border-radius:20px;width: 0;margin-right: 10px;background: #fff;}
.hd-sear .icon{background: url(../images/icon_01.png) no-repeat center;background-size:contain;width: 30px;height: 30px;display: block;border:none;cursor: pointer;}
/* .hd-sear .icon.this{background-image:url(../images/close.png)} */

.head.scroll .hd-sear .ipt-txt{box-shadow:0 0 10px #e5e5e5}

.hd-menu{margin:0 15px;position:relative;}
.hd-menu .icon{background: url(../images/icon_02.png) no-repeat center;background-size:contain;width: 30px;height: 30px;display: block;}
.hd-menu .icon.close{background-image: url(../images/close.png)}

.hd-menu .drop{position:absolute;width: 260px;right: -20px;height: auto;padding-top: 15px;display: none;}

.hd-menu .drop ul{background: #00428f;border-radius:10px;padding:15px 5px 15px 15px;position:relative;border:1px solid #00428f}
.hd-menu .drop ul::before{content:'';width: 0;height: 0;border-style: solid;border-width: 0 8px 10px 8px;border-color: transparent transparent #00428f transparent;position:absolute;right: 26px;top: -10px;}

.hd-menu .drop li{position:relative;}
.hd-menu .drop li>a{font-size: 18px;color:#fff;display: block;font-weight: bold;line-height: 40px;}
.hd-menu .drop li .arrow{width: 40px;height: 40px;background: url(../images/arrow.png) no-repeat center;background-size:20px;position:absolute;right: 0;top: 0;cursor: pointer;}
.hd-menu .drop li .arrow.this{background-image: url(../images/arrow-1.png)}
.hd-menu .drop .submenu{display: none;}
.hd-menu .drop .submenu a{display: block;font-size: 16px;line-height: 30px;font-weight: bold;padding-left: 10px;color: #fff;}
.hd-menu .drop .submenu a::before{content:'';display: inline-block;vertical-align: middle;margin-right: 10px;width: 4px;height: 4px;background: #fff;border-radius:50%;}

.hd-menu .drop .submenu a:hover{color:rgba(255,255,255,.7)}
.hd-menu .drop .submenu a:hover::before{background: rgba(255,255,255,.7)}
.hd-menu .drop li>a:hover{color: rgba(255,255,255,.7);}

.hd-lang{}
.hd-lang .fz{font-size: 16px;color: #00428f;background: url(../images/icon_03.png) no-repeat right center;background-size:15px;padding-right: 20px;cursor: pointer;}


.ft-t{padding:40px 0 10px;background: #00498e;}
.ft-t .row{margin-bottom: 30px;}
.ft-t .tit{font-size: 20px;color: #fff;}
.ft-t .tit i{font-size: 16px;color: #fff;margin-left: 3px;}
.ft-t .ipt{width: 90%;max-width:350px;border:1px solid #000;font-size: 16px;color: #fff;padding:0 10px;height: 36px;line-height: 34px;background: #00498e;}
.ft-t .ipt-txt{}
.ft-t .select{appearance: none;-webkit-appearance: none;background: url(../images/ft_01.png) no-repeat 97% center #00498e;background-size:15px;}

.ft-t .login,.ft-t .sel{font-size: 16px;color: #fff;line-height: 30px;}
.ft-t .login{background: url(../images/icon_04.png) no-repeat right center;background-size:26px 18px;padding-right: 35px;}
.ft-t .sel{display: flex;align-items: center;}
.ft-t .sel input{width: 16px;height: 16px;margin-right: 6px;/* appearance: none;-webkit-appearance: none; */}

.ft-t .col1{width: 20%;}
.ft-t .col2{width: 25%;}
.ft-t .col3{width: 25%;}
.ft-t .col4{width: 30%;}

.ft-t input::-webkit-input-placeholder{color: #fff;}
.ft-t input:-moz-placeholder{color: #fff;}
.ft-t input::-moz-placeholder{color: #fff;}
.ft-t input:-ms-input-placeholder{color: #fff;}



.ft-c{padding:20px 0;}
.ft-c .lk{font-size: 16px;display: inline-block;background: url(../images/ft_03.png) no-repeat left bottom;background-size:auto 3px;min-width:155px;line-height: 50px;margin-bottom: 15px;}
.ft-c .lk::after{content:'';display: inline-block;vertical-align: middle;margin-left: 8px;width: 16px;height: 16px;background: url(../images/ft_04.png) no-repeat center;background-size:contain;}
.ft-c .lk:hover{font-weight: bold;color: #00498e;}

.ft-c .img{height: 55px;width: auto;}
.ft-c .beian{font-size: 14px;color: #555;margin-top: 20px;}
.ft-c .beian .ico{margin-right: 5px;}
.ft-c .grp{font-size: 14px;width: 50%;line-height: 34px;}

.ft-c .col1{width: 30%;}
.ft-c .col2{width: 30%;}
.ft-c .col3{width: 40%;flex-wrap:wrap;}

.ft-b{text-align: center;font-size: 14px;line-height: 50px;border-top:1px solid #e5e5e5;}

.idx-ban{}
.idx-ban .item{position:relative;}
.idx-ban .img{width: 100%;display: block;}
.idx-ban .box{position:absolute;width: 100%;left: 0;top: 0;bottom: 0;padding-top: 170px;}
.idx-ban .box .auto{position:relative;height: 100%;}
.idx-ban .title{font-size: 50px;color: #fff;font-weight: bold;}
.idx-ban .en{font-size: 25px;color: #fff;}
.idx-ban .txt{font-size: 37px;color: #fff;margin-top: 10px;font-weight: bold;}
.idx-ban .more{font-size: 16px;color: #fff;display: inline-block;padding:0 15px;line-height: 40px;background: #00428f;position:absolute;left: 0;bottom: 150px;}
.idx-ban .more::after{content:'';display: inline-block;vertical-align: middle;margin-left: 6px;width: 26px;height: 18px;background: url(../images/icon_04.png) no-repeat center;background-size:contain;}
.idx-ban .more:hover{background: #033f78;}

.idx-menu{}
.idx-menu .list{margin-top: -54px;border:1px solid #777;position:relative;z-index:20;border-bottom:none;}
.idx-menu .item{flex:1;border-right:1px solid #777;position:relative;}
.idx-menu .title{font-size: 20px;color: #fff;height: 50px;line-height:40px;background: rgba(255,255,255,.5);text-align: center;position:relative;font-weight: bold;cursor: pointer;}
.idx-menu .title::after{content:'';position:absolute;width: 100%;left: 0;bottom: 0;height: 10px;background: rgba(255,255,255,.5);}
.idx-menu .box{padding:10px 10%;min-height: 80px;background: #fff;flex-wrap:wrap;display: none;position:absolute;width: calc(100% + 2px);left: -1px;border:1px solid #777;border-top:none;}
.idx-menu .lk{font-size: 16px;color: #333;margin:0 7px;line-height: 30px;}
.idx-menu .lk:hover{color: #00428f;font-weight: bold;}
.idx-menu .item:last-child{border-right:none;}
.idx-menu .item:hover .box{display: flex;}

.idx-main{padding:100px 0;}

.idx-tt{text-align: center;margin-bottom: 80px;}
.idx-tt .cn{font-size: 42px;font-weight: bold;line-height: 45px;}
.idx-tt .en{font-size: 16px;margin-top: 5px;}



.idx-dt{}
.idx-dt .list{flex-wrap:wrap;}
.idx-dt .list .item{width: 47%;margin-bottom: 40px;}
.idx-dt .list .imgbox{}
.idx-dt .list .img{width: 100%;display: block;}
.idx-dt .list .info{}
.idx-dt .list .fz{font-size: 20px;margin-top: 15px;}
.idx-dt .list .fz span{margin-right: 10px;}
.idx-dt .list .title{font-size: 30px;display: block;margin-top: 15px;margin-bottom: 15px;}
.idx-dt .list .more{font-size: 16px;background: url(../images/idx_05.png) no-repeat right center;background-size:26px 18px;display: inline-block;vertical-align: middle;padding-right: 35px;}
.idx-dt .list .item:hover .title{font-weight: bold;color: #00428f;}
.idx-dt .list .more:hover{font-weight: bold;color: #00428f;}

.readmore{font-size: 20px;color: #000000;width: 150px;line-height: 32px;display: block;margin:20px auto 0;border:1px solid #888888;text-align: center;}
.readmore:hover{color: #fff;background: #00428f;border-color:#00428f;}

.idx-xw{margin-top: 100px;}
.idx-xw{}
.idx-xw .detail{}
.idx-xw .item{display: block;position:relative;overflow: hidden;}
.idx-xw .item .img{width: 100%;display: block;transition: all 2s;}
.idx-xw .item .bot{position:absolute;width: 100%;left: 0;bottom: 15px;padding:0 20px;}
.idx-xw .item .date{font-size: 14px;color: #fff;}
.idx-xw .item .title{font-size: 18px;color:#fff;line-height: 24px;margin-top: 6px;}
.idx-xw .item:hover .img{transform: scale(1.1,1.1);}
.idx-xw .item:hover .shade{background: rgba(0,0,0,.7);bottom: 0;}
.idx-xw .item:hover>.bot{display: none;}

.idx-xw .shade{position:absolute;width: 100%;height: 100%;left: 0;bottom: -100%;transition: all .2s;}
.idx-xw .shade .line{width: 80%;height: 1px;background: #ddd;display: block;margin:20px 0;}
.idx-xw .shade .desc{font-size: 13px;color:#fff;line-height: 24px;-webkit-line-clamp: 3;height: 72px;}
.idx-xw .shade .more{font-size: 14px;width: 130px;line-height: 40px;background: #fff;border-radius:4px;display: block;margin-top: 15px;text-align: center;color: #00498e;margin-bottom: 10px;}
.idx-xw .shade .more:hover{color: #fff;background: #00498e;}


.idx-xw .swiper-pagination{display: none;}

.idx-xw .swiper-button-next,.idx-xw .swiper-button-prev{width: 26px;height: 18px;margin-top: -9px;}
.idx-xw .swiper-button-prev{background: url(../images/icon_05.png) no-repeat center;background-size:contain;}
.idx-xw .swiper-button-next{background: url(../images/icon_04.png) no-repeat center;background-size:contain;}




/* 新闻中心 */
.inner-ban .item{position:relative;}
.inner-ban .img{width: 100%;display: block;}
.inner-ban .box{position:absolute;width: 100%;left: 0;top: 0;bottom: 0;padding-top: 180px;}
.inner-ban .box .auto{position:relative;height: 100%;}
.inner-ban .cn{font-size: 42px;color: #fff;font-weight: bold;}
.inner-ban .en{font-size: 16px;color: #fff;}

.crumb .wrapbox{position:relative;}
.crumb .bar{border:1px solid #000;background: #fff;height: 50px;line-height: 50px;margin-top: -50px;position:relative;z-index:10;font-size: 16px;color: #000000;padding:0 20px;box-shadow:0 0 11px rgba(0,0,0,.25);}
.crumb .dh{}
.crumb .bar a:hover{color: #00498e;font-weight: bold;}

.crumb .cz{}
.crumb .ss{background: url(../images/xw_02.png) no-repeat left center;background-size:16px;padding-left: 24px;}
.crumb .showall{}

.crumb .drop{padding:15px 20px;min-height:165px;background: #fff;border:1px solid #000;border-top:none;display: none;position:absolute;width: 100%;left: 0;}
.crumb .drop .row{font-size: 16px;color: #000000;align-items: flex-start;margin-bottom: 30px;}
.crumb .drop .row:last-child{margin-bottom: 0;}
.crumb .drop .lbox{width: 90px;display: flex;align-items: center;justify-content: space-between;margin-right: 10px;}
.crumb .drop .tit{} 
.crumb .drop .line{width: 26px;height: 1px;background: #333;display: block;}
.crumb .drop .rbox{width:calc(100% - 100px);}
.crumb .drop .lk{display: inline-block;margin-right: 15px;line-height: 26px;padding:0 6px;margin-bottom: 10px;}
.crumb .drop .lk.all{background: #c8c8c8;}
.crumb .drop .lk:hover,.crumb .drop .lk.checked{color: #fff;background: #00498e;}
                         

.xw-main{padding:150px 0 70px;}
.xw-list{margin-left: -3%;}
.xw-list .item{float: left;width: 30.3%;margin:0 0 15px 3%;}
.xw-list .imgbox{}
.xw-list .img{}
.xw-list .info{}
.xw-list .title{display: block;font-size: 20px;line-height: 38px;font-family: 'Regular';}
.xw-list .txt{font-size: 16px;font-family: 'Regular';}
.xw-list .date{font-size: 16px;}

/* 新闻中心详情 */

.xwdet-ban .bt{position:absolute;width: 100%;left: 0;bottom: 50px;font-size: 38px;color: #fff;line-height: 125px;text-align: center;font-weight: bold;}

.xw-det{padding:120px 0;}
.xw-det .title{font-size: 42px;font-family: 'Regular';}
.xw-det .date{font-size: 20px;font-family: 'Regular';}
.xw-det .editbox{font-size: 20px;color: #010101;line-height: 38px;margin-top: 70px;}

/* 项目中心 */
.banner-slide{}
.banner-slide .img{width: 100%;}
.banner-slide .smimg{width: 100%;height: 180px;}

.banner-slide .bot{background: url(../images/xm_07.jpg) no-repeat center;background-size:cover;margin-top: 5px;}
.banner-slide .bot .auto{position:relative;}
.banner-slide .gallery-top .swiper-slide{width: 45%!important;}
.banner-slide .gallery-thumbs{position:static;}


.banner-slide .shade{position:absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,0.4)}
 /*.banner-slide .swiper-slide-active{}
.banner-slide .swiper-slide-active .shade{background: rgba(0,0,0,0)} */

.banner-slide .swiper-button-prev,.banner-slide .swiper-button-next{width: 26px;height: 18px;margin-top: -9px;}
.banner-slide .swiper-button-prev{background: url(../images/icon_05.png) no-repeat center;background-size:contain;left: -50px;}
.banner-slide .swiper-button-next{background: url(../images/icon_04.png) no-repeat center;background-size:contain;right: -50px;}

.banner-slide .swiper-pagination{display: none;}

.xm-list{margin-left: -2%;}
.xm-list .item{float: left;width: 31.3%;margin:0 0 20px 2%;}
.xm-list .imgbox{}
.xm-list .img{width: 100%;display: block;}
.xm-list .info{}
.xm-list .title{display: block;font-size: 25px;font-family: 'Regular';margin-top: 10px;}
.xm-list .font{font-size: 16px;font-family: 'Regular';}
.xm-list .font span{margin-bottom: 10px; font-weight:bold;}
.xm-list .item:hover .title{color: #00498e;}

/* 项目中心详情 */
.xm-det{padding:100px 0;}
.xm-side{width: 440px;padding-right: 40px;margin-top: 95px;}
.xm-side .row{font-size: 20px;line-height: 38px;margin-bottom: 25px;}

.xm-wrap{margin-left: 440px;}
.xm-wrap .title{font-size: 42px;margin-bottom: 40px;line-height: 55px;font-weight: bold;}
.xm-wrap .editbox{font-size: 20px;color: #010101;line-height: 38px;}

/* 了解九院 */
.us-main{padding-bottom: 100px;}
.us-side{padding:100px 0 100px;min-height:700px;border-right:1px solid #87a9ca;width: 240px;}
.us-side .titbox{text-align: center;min-height:150px;margin-bottom: 30px;}
.us-side .titbox .cn{font-size: 42px;font-weight: bold;}
.us-side .titbox .en{font-size: 16px;font-weight: bold;}

.us-side .menu{margin:0 auto;} 
.us-side .menu li{display: block;text-align: center;margin-bottom: 40px;}
.us-side .menu li>a{font-size: 25px;line-height: 40px;display: inline-block;vertical-align: middle;min-width:165px;}
.us-side .menu li.cur>a,.us-side .menu li:hover>a{color: #fff;background: #00498e;}

.us-smmenu{padding:0 60px 0 40px;display: flex;flex-direction: column;margin-top: 150px;}
.us-smmenu .lk{display: block;margin-bottom: 5px;white-space: nowrap;}
.us-smmenu .lk>a{display: inline-block;vertical-align: middle;font-size: 20px;line-height: 30px;padding:0 5px;}
.us-smmenu .lk.cur>a,.us-smmenu .lk:hover>a{background: #dfdfdf;}
.us-smmenu .lk::before{content:'';display: inline-block;margin-right: 6px;width: 2px;height: 2px;background: #00498e;border-radius:50%;}


.us-wrap{margin-left: 240px;padding:100px 0;}
.us-wrap .wrap{}
.us-wrap .editbox{font-size: 20px;color: #010101;line-height: 38px;}

.zx-ban{}
.zx-ban .item{width: 19.8%;height: 700px;}

/* enter */
.enter-main{position:absolute;width: 100%;height: 100%;left: 0;top: 0; right:0;}
.enter-logo{}
.enter-logo *{font-family: 'Microsoft YaHei';}
.enter-logo .tp{height: 80px;width: auto;display: block;margin:30px auto;}
.enter-logo .tagline{font-size: 120px;color:#fff;font-weight: bold;letter-spacing: 12px;line-height: 120px;}
.enter-logo .tagline i,.enter-logo .tagline span:nth-child(5){font-size: 100px!important;color: #fff;font-family: 'Microsoft YaHei';line-height: 100px;margin:0 15px;display: block;}


.enter-skip{position:absolute;right: 50px;bottom: 50px;font-size: 12px;color: #fff;background: url(../images/icon_04.png) no-repeat right bottom;background-size:26px 18px;padding-right: 30px;display: block;line-height: 30px;transition: all .3s;}
.enter-skip::after{content:'';position:absolute;left: 0;bottom: 1px;width: 30px;height: 2px;background: #4b4b4b;}
.enter-skip:hover{transform: translateY(-5px); }

.enter-jiu{width: 1000px;height: 745px;/* position:fixed;left: 50%;margin-left: -500px;top: 50%;margin-top: -372px; */position:relative; top:0; bottom:0; left:0; right:0; margin:0 auto;}
.enter-jiu .mod{position:absolute; }
.enter-jiu .mod .img{width: 100%;}

.enter-jiu .mod1{left: 35px;top: 185px;width: 200px;}
.enter-jiu .mod1 .slide{transform: skew(-25deg); margin:0 auto;}
.enter-jiu .mod1 .img{width: 265.28px;height: 140px; transform: skew(25deg); position:relative;right:31px;}
.indexes li{background: #fff;width: 10px;height: 10px;border-radius: 50%;margin: 0 3px;display:inline-block;}
.indexes li:hover{background: blue;}
	

.enter-jiu .mod2{left: 192px;top: 0;width: 185px;background: red; height: 745px;transform: skew(-24.5deg);position:relative;}
.enter-jiu .mod2 .img{height: 145px; background: red;width: 280px;transform: skew(25deg); position:relative;right:42px;}

/* .enter-jiu .mod2 .slide{transform: skew(-24.5deg);}
.enter-jiu .mod2 .img{height: 745px;background: red;} */

.enter-jiu .slide2_1 .img{height: 186px;}

.enter-jiu .slide2_2 .img{height: 144px;}

.enter-jiu .slide2_3 .img{height: 138px;}

.enter-jiu .slide2_4 .img{height: 138px;}

.enter-jiu .slide2_5 .img{height: 140px;}




.enter-jiu .mod3{left: 438px;top: 185px;width: 205px;}
.enter-jiu .mod3 .slide{transform: skew(-24.5deg);}
.enter-jiu .mod3 .img{height: 145px; background: red;width: 285px;transform: skew(25deg); position:relative;right:42px;}

.enter-jiu .mod4{width: 70px;left: 630px;top: 185px;transform: skew(-3deg);}
.enter-jiu .mod4 .shizi{width: 100%;height: 150px;}


.enter-jiu .mod5{left: 595px;top: 185px;width: 185px;}
.enter-jiu .mod5 .slide{transform: skew(-24.5deg);}
.enter-jiu .mod5 .img{height: 560px; width:445px; background: red; transform: skew(25deg); position:relative;right:130px;}

.enter-jiu .mod6{left: 695px;bottom: 0;width: 280px;}
.enter-jiu .mod6 .slide{transform: skew(-24.5deg); }
.enter-jiu .mod6 .img{height: 145px;background: red; width:355px; transform: skew(25deg); position:relative;right:42px;}

.enter-jiu .txt{position:absolute;margin:7px 0;width: 100%;display: block;}
.enter-jiu .tit{font-size: 17px;color: #fff;}
.enter-jiu .en{font-size: 12px;color: #fff;}
.enter-jiu .en p{color: #fff;}
.enter-jiu .txt:hover .tit,.enter-jiu .txt:hover .en,.enter-jiu .txt:hover .en p{color: rgba(255,255,255,.7)}

.enter-jiu .mod1 .txt{margin-left: -35px;}

.enter-jiu .mod2 .txt{top: -60px;}
.enter-jiu .mod2 .bot{bottom: 0;left: 190px;position:absolute;width: 100%;}

.enter-jiu .mod3 .txt{left: -50px;top: 145px;text-align: right;}

.enter-jiu .mod5 .txt{right: -130px;top: -98px;text-align: right;}

.enter-jiu .mod6 .txt{right: -40px;top: -80px;text-align: right;}

.enter-home{font-size: 12px;color: #fff;position:absolute;bottom: 0;right: -100px;display: inline-block;vertical-align: middle;background: url(../images/icon_04.png) no-repeat right center;background-size:26px 18px;padding-right: 35px;text-decoration: underline;}
.enter-home:hover{color: rgba(255,255,255,.7)}


@keyframes fade-in {
0% {opacity: 0;}/*初始状态 透明度为0*/

100% {opacity: 1;}/*结束状态 透明度为1*/

}

@-webkit-keyframes fade-in {/*针对webkit内核*/

0% {opacity: 0;}

100% {opacity: 1;}

}
.enter-jiu{
animation: fade-in;/*动画名称*/

animation-duration: 3s;/*动画持续时间*/

-webkit-animation:fade-in 3s;/*针对webkit内核*/

}
.enter-logo{
animation: fade-in;/*动画名称*/

animation-duration: 3s;/*动画持续时间*/

-webkit-animation:fade-in 3s;/*针对webkit内核*/

}
@media screen and (min-width:320px) and (max-width:1400px){
    .auto{width: 96%;}
}
@media screen and (min-width:1200px) and (max-width:1400px){
	.ft-t .col1{width: 18%;}
	.ft-t .col3,.ft-t .col2{width: 22%;}
	.ft-t .col4{width: 38%;}
	.ft-t .ipt{max-width:235px;}
	
	.ft-t .tit{font-size: 18px;}
	
	

}

@media screen and (min-width:992px) and (max-width:1199px){
	
	
	/* 底部 */
	.ft-t .col1{width: 19%;}
	.ft-t .col3,.ft-t .col2{width: 22%;}
	.ft-t .col4{width: 37%;}
	.ft-t .ipt{max-width:235px;font-size: 14px;}
	
	.ft-t .tit{font-size: 16px;line-height: 36px;}
	.ft-t .login, .ft-t .sel{font-size: 14px;}
	.ft-t .login{    background-size: 18px 12px;padding-right: 25px;}
	
	/* index */
	.idx-ban .title{font-size: 40px;}
	.idx-ban .en{font-size: 22px;}
	.idx-ban .txt{font-size: 32px;}
	
	.idx-menu .box{padding:10px 5%;}
	
	.idx-dt .list .item{width: 48%;}
	.idx-dt .list .title{font-size: 26px;}
	
	/* 项目中心 */
	.inner-ban .box{padding-top: 140px;}

}

@media screen and (min-width:768px) and (max-width:991px){	
	
	.sj_menu{position:absolute;right: 3%;top: 50%;width: 36px;height: 36px;background: url(../images/menu.png) no-repeat center;background-size:cover;margin-top: -18px;}
    .sj_menu.close{background: url(../images/close.png) no-repeat center;background-size:28px;}
    
    .head{position:fixed;width: 100%;left: 0;top: 0;z-index:100;padding:10px 0;height: 70px;background: #fff;border-bottom:1px solid #e5e5e5;}	
    .head+div{margin-top: 70px;}
	
	.hd-sear .ipt-txt{box-shadow:0 0 10px #e5e5e5}
	
	.hd-menu .drop{position:fixed;width: 100%;left: 0;border-radius:0;right: 0;bottom: 0;overflow-y: scroll!important;top: 70px;padding: 0;background: #fff;}
	.hd-menu .drop ul{border-radius:0;background: #fff;border:none;padding: 0 0;}
	.hd-menu .drop ul::before{display: none;}
	.hd-menu .drop li{border-bottom:1px solid #efefef;}
	.hd-menu .drop li>a{color:#333;line-height: 50px;padding:0 20px;}
	.hd-menu .drop .submenu{padding-bottom: 5px;}
	.hd-menu .drop .submenu a{color:#333;line-height: 40px;padding-left: 30px;}
	.hd-menu .drop li .arrow{background-image: url(../images/arrow-3.png);width: 50px;height: 50px;background-size:26px;}
	.hd-menu .drop li .arrow.this{background-image: url(../images/arrow-4.png);}
	
	
	
	/* 底部 */
	.ft-t{padding:30px 0 10px;}
	.ft-t .row{margin-bottom: 15px;display: block;height: 80px;}
	.ft-t .col1{width: 100%;float: left;}
	.ft-t .col3,.ft-t .col2{width: 28%;float: left;}
	.ft-t .col4{width: 44%;float: left;}
	.ft-t .ipt{max-width:235px;font-size: 14px;width: 95%;height: 34px;line-height: 32px;}
	
	.ft-t .tit{font-size: 15px;line-height: 36px;}
	.ft-t .login, .ft-t .sel{font-size: 14px;}
	.ft-t .sel input{width: 14px;height: 14px;margin-right: 3px;}
	.ft-t .login{    background-size: 18px 12px;padding-right: 25px;}
	
	.ft-c .auto{display: block;}
	.ft-c .col1,.ft-c .col2,.ft-c .col3{width: 100%;text-align: center;}
	.ft-c .col1 div{display: inline-block;vertical-align: middle;margin:0 20px;}
	.ft-c .lk{background:none;}
	.ft-c .img{margin:0 auto;height: 45px;}
	.ft-c .col3{margin-top: 20px;}
	
	
	
	/* index */
	.idx-ban .box{padding-top: 100px;}
	.idx-ban .title{font-size: 32px;}
	.idx-ban .en{font-size: 16px;}
	.idx-ban .txt{font-size: 24px;}
	.idx-ban .more{line-height: 36px;}
	.idx-ban .more::after{width: 13px;height: 9px;}
	
	.idx-menu .title{font-size: 18px;}
	.idx-menu .box{padding:10px 5%;}
	.idx-menu .lk{font-size: 15px;}
	
	.idx-main{padding:60px 0;}
	.idx-tt{margin-bottom: 40px;}
	.idx-tt .cn{font-size: 32px;}
	.idx-tt .en{font-size: 15px;}
	
	.idx-dt .list .item{width: 49%;}
	.idx-dt .list .fz{font-size: 16px;}
	.idx-dt .list .title{font-size: 20px;margin:6px 0;}
	.idx-dt .list .more{background-size: 13px 9px;padding-right: 18px;}
	
	.readmore{font-size: 18px;width: 130px;line-height: 30px;}
	
	.idx-xw{margin-top: 60px;}
	
	/* 了解九院 */
	.banner-slide .smimg{height: 130px;}
	
	.us-main{padding-bottom: 60px;}
	.us-side{width: 100%;float:none;min-height:auto;padding:40px 0 0;}
	.us-side .titbox{min-height:auto;margin-bottom: 30px;}
	.us-side .titbox .cn{font-size: 32px;}
	
	.us-side .menu{text-align: center;}
	.us-side .menu li{display: inline-block;vertical-align: middle;margin:05px;}
	.us-side .menu li>a{min-width:120px;font-size: 18px;}
	
	.us-wrap{margin-left: 0;padding:40px 0 0;display: block;}
	.us-smmenu{float:none;width: 100%;margin-top: 0;padding: 0;display: block;text-align: center;margin-bottom: 30px;}
	.us-smmenu .lk{display: inline-block;vertical-align: middle;margin:0 10px;}
	.us-smmenu .lk>a{font-size: 17px;}
	
	.us-wrap .editbox{font-size: 16px;line-height: 26px;}
	
	/* 设计咨询 */
	.zx-ban .item{height: 400px;}
	
	
	/* 项目中心 */
	.inner-ban .box{padding-top: 120px;text-align: center;}
	.inner-ban .cn{font-size: 30px;}
	
	.xw-main{padding:60px 0;}
	.xm-list .title{font-size: 18px;}
	.xm-list .font{font-size: 14px;}
	
	/* 项目中心详情 */
	.xm-det{padding:60px 0;}
	.xm-side{width: 100%;float:none;margin-top: 0;margin-bottom: 40px;}
	.xm-side .row{font-size: 18px;display: flex;flex-wrap:wrap;line-height: 30px;margin-bottom: 10px;}
	
	
	.xm-wrap{margin-left: 0;}
	.xm-wrap .title{font-size: 28px;line-height: 35px;margin-bottom: 30px;text-align: center;}
	.xm-wrap .editbox{font-size: 18px;line-height: 30px;}
	
	/* 新闻中心详情 */
	.xw-det{padding:60px 0;}
	.xw-det .title{font-size: 28px;}
	
	
}	
	
@media screen and (min-width:320px) and (max-width:767px){
	body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button,code{font-family: "microsoft yahei";}
	.auto{width: 94%;}
	
	.sj_menu{position:absolute;right: 3%;top: 50%;width: 36px;height: 36px;background: url(../images/menu.png) no-repeat center;background-size:cover;margin-top: -18px;}
	.sj_menu.close{background: url(../images/close.png) no-repeat center;background-size:28px;}
	
	.head{position:fixed;width: 100%;left: 0;top: 0;z-index:100;padding:5px 0;height: 50px;background: #fff;border-bottom:1px solid #e5e5e5;}	
	.head+div{margin-top: 50px;}
	
	.hd-logo .img{height: 40px;}
	.hd-sear{display: none;}
	
	.hd-menu{position:absolute;right: 0;}
	.hd-menu .icon{background-size:24px;}
	
	.hd-lang{margin-right: 50px;}
	.hd-lang .fz{font-size: 14px;background-size: 10px;padding-right: 15px;}
	
	
	.hd-menu .drop{position:fixed;width: 100%;left: 0;border-radius:0;right: 0;bottom: 0;overflow-y: scroll!important;top: 50px;padding: 0;background: #fff;}
	.hd-menu .drop ul{border-radius:0;background: #fff;border:none;padding: 0 0;}
	.hd-menu .drop ul::before{display: none;}
	.hd-menu .drop li{border-bottom:1px solid #efefef;}
	.hd-menu .drop li>a{color:#333;line-height: 50px;padding:0 20px;font-weight: normal;font-size: 16px;}
	.hd-menu .drop .submenu{padding-bottom: 5px;}
	.hd-menu .drop .submenu a{color:#333;line-height: 30px;padding-left: 20px;font-weight: normal;font-size: 14px;}
	.hd-menu .drop li .arrow{background-image: url(../images/arrow-3.png);width: 50px;height: 50px;background-size:22px;}
	.hd-menu .drop li .arrow.this{background-image: url(../images/arrow-4.png);}
	
	
	
	/* 底部 */
	.ft-t{padding:30px 0 10px;}
	.ft-t .row{margin-bottom: 15px;display: block;}
	.ft-t .col1{width: 100%;}
	.ft-t .col3,.ft-t .col2{width: 100%;margin-bottom: 10px;}
	.ft-t .col4{width: 100%;}
	.ft-t .ipt{max-width:100%;font-size: 13px;width: 100%;height: 32px;line-height: 30px;}
	
	.ft-t .tit{font-size: 14px;line-height: 36px;margin-bottom: 5px;display: block;}
	.ft-t .tit i{font-size: 14px;}
	.ft-t .login, .ft-t .sel{font-size: 14px;}

	.ft-t .sel input{width: 14px;height: 14px;margin-right: 3px;}
	.ft-t .login{background-size: 18px 12px;padding-right: 25px;}
	
	.ft-c .auto{display: block;}
	.ft-c .col1,.ft-c .col2,.ft-c .col3{width: 100%;text-align: center;}
	.ft-c .col1 div{display: inline-block;vertical-align: middle;margin:0 20px;}
	.ft-c .lk{background:none;line-height: 36px;margin-bottom: 5px;font-size: 14px;}
	.ft-c .lk::after{width: 12px;height: 12px;margin-left: 5px;}
	.ft-c .img{margin:0 auto;height: 35px;}
	.ft-c .beian{font-size: 13px;}
	.ft-c .beian .ico{width: 16px;}
	.ft-c .col3{margin-top: 15px;}
	.ft-c .grp{width: 100%;font-size: 13px;line-height: 26px;}
	
	.ft-b{line-height: 20px;font-size: 12px;padding:10px 0;}
	
	/* index */
	.idx-ban .box{padding-top: 43px;text-align: center;}
	.idx-ban .title{font-size: 18px;font-weight: normal;text-align: center;}
	.idx-ban .en{font-size: 12px;margin-top: 7px;text-align: center;font-family: 'Arial';}
	.idx-ban .txt{font-size: 14px;font-weight: normal;margin-top: 3px;text-align: center;}
	.idx-ban .more{line-height: 32px;position:static;font-size: 13px;padding:0 11px;margin: 15px auto 0;display: inline-block;}
	.idx-ban .more::after{width: 13px;height: 9px;}
	
	.idx-menu{display: none;}
	.idx-menu .list{margin-top: 0;}
	.idx-menu .title{font-size: 18px;}
	.idx-menu .box{padding:10px 5%;}
	.idx-menu .lk{font-size: 15px;}
	
	.idx-main{padding:40px 0;}
	.idx-tt{margin-bottom: 20px;}
	.idx-tt .cn{font-size: 20px;line-height: 24px;}
	.idx-tt .en{font-size: 13px;}
	
	.idx-dt .list .item{width: 49%;margin-bottom: 20px;}
	.idx-dt .list .fz{font-size: 13px;margin-top: 8px;}
	.idx-dt .list .fz span{margin-right: 5px;}
	.idx-dt .list .title{font-size: 16px;margin:4px 0;}
	.idx-dt .list .more{background-size: 13px 9px;padding-right: 18px;font-size: 14px;}
	
	.readmore{font-size: 15px;width: 100px;line-height: 28px;margin-top: 15px;}
	
	.idx-xw{margin-top: 40px;}
	.idx-xw .item .title{font-size: 15px;line-height: 22px;}
	.idx-xw .item .bot{padding:0 10px;bottom: 10px;}
	.idx-xw .item .date{font-size: 13px;}
	
	
	.idx-xw .swiper-slide{width: 260px!important;}
	.idx-xw .swiper-button-next,.idx-xw .swiper-button-prev{display: none;}
	
	/* 了解九院 */
	.banner-slide .bot{display: none;}
	.banner-slide .gallery-top .swiper-slide{width: 100%!important;}
	.banner-slide .swiper-button-prev, .banner-slide .swiper-button-next{width: 19px;height: 14px;margin-top: -5px;}
	.banner-slide .swiper-button-next{right: 15px;}
	.banner-slide .swiper-button-prev{left: 15px;}
	
	
	.crumb .bar{margin-top: 0;border:none;box-shadow:none;padding: 0;font-size: 14px;}
	.crumb .share{display: none;}
	
	.us-main{padding-bottom: 60px;}
	.us-side{width: 100%;float:none;min-height:auto;padding:20px 0 0;border:none;}
	.us-side .titbox{min-height:auto;margin-bottom: 20px;}
	.us-side .titbox .cn{font-size: 20px;}
	.us-side .titbox .cn br{display: none;}
	.us-side .titbox .en{font-size: 13px;font-weight: normal;margin-top: 5px;}
	
	.us-side .menu{text-align: center;display: block;font-size: 0;background: rgba(238,238,238,.5);}
	.us-side .menu li{margin:0; min-width:25%;display: inline-block;vertical-align: middle;border-bottom:1px solid #fff;}
	.us-side .menu li>a{font-size: 15px;padding:0 6px;line-height: 34px;min-width:0;display: block;}
	
	
	.us-wrap{margin-left: 0;padding:20px 0 0;display: block;}
	.us-smmenu{float:none;width: 100%;margin-top: 0;padding: 0;display: block;text-align: center;margin-bottom: 20px;}
	.us-smmenu .lk{display: inline-block;vertical-align: middle;margin:0 5px;}
	.us-smmenu .lk>a{font-size: 14px;}
	.us-smmenu .lk.cur>a, .us-smmenu .lk:hover>a{background: #fff;color: #00498e;}
	.us-smmenu .lk::before{display: none;}
	
	
	.us-wrap .editbox{font-size: 15px;line-height: 24px;}
	
	/* 设计咨询 */
	.zx-ban .item{height: 180px;}
	
	/* 项目中心 */
	.inner-ban .box{padding-top: 50px;text-align: center;}
	.inner-ban .cn{font-size: 20px;letter-spacing: 2px;}
	.inner-ban .en{font-size: 13px;margin-top: 3px;}
	
	.crumb .cz{display: none;}
	.crumb .drop{padding:15px 0;display: block!important;border:none;border-top:1px solid #e5e5e5;position:static;border-bottom:1px solid #efefef;min-height:auto;}
	.crumb .drop .row{display: block;margin-bottom: 10px;font-size: 14px;}
	.crumb .drop .lbox{float:none;width: 100%;display: block;margin-right: 0;}
	.crumb .drop .rbox{width: 100%;margin-top: 10px;margin-left: -10px;}
	.crumb .drop .line{background: #fff;display: inline-block;vertical-align: middle;height: auto;}
	.crumb .drop .line::after{content:':';}
	.crumb .drop .lk{margin-right: 0;margin-bottom: 5px;padding:0 8px;margin-left: 10px;}
	.crumb .drop .tit{font-size: 15px;display: inline-block;vertical-align: middle;}
	

	.xw-main{padding:30px 0;}
	.xm-list{}
	.xm-list .item{width: 48%;margin-bottom: 15px;}
	.xm-list .title{font-size: 16px;}
	.xm-list .font{font-size: 13px;}
	
	/* 项目中心详情 */
	.xm-det{padding:30px 0;}
	.xm-side{width: 100%;float:none;margin-top: 0;margin-bottom: 30px;}
	.xm-side .row{font-size: 15px;display: flex;flex-wrap:wrap;line-height:24px;margin-bottom: 5px;}
	
	
	.xm-wrap{margin-left: 0;}
	.xm-wrap .title{font-size: 19px;line-height:26px;margin-bottom: 20px;text-align: center;}
	.xm-wrap .editbox{font-size: 14px;line-height: 24px;}
	
	/* 新闻中心 */
	.crumb .drop.xw{text-align: center;}
	.crumb .drop.xw .lk{margin:0 5px;}
	
	.xw-list{margin-left: -2%;}
	.xw-list .item{width: 48%;margin:0 0 20px 2%;}
	.xw-list .title{font-size: 16px;line-height: 28px;margin-top: 8px;}
	.xw-list .txt{font-size: 14px;margin-top: 2px;}
	.xw-list .date{font-size: 13px;margin-top: 3px;}
	
	
	/* 新闻中心详情 */
	.xw-det{padding:30px 0;}
	.xw-det .title{font-size: 20px;}
	.xw-det .date{font-size: 14px;margin-top: 8px;}
	
	.xw-det .editbox{margin-top: 30px;font-size: 14px;line-height: 24px;}
	
	/* enter */
	.enter-main{position:absolute;width: 80%;height: 100%;left: 0;top: 0;right:0;}
	.enter-logo{}
	.enter-logo *{font-family: 'Microsoft YaHei';}
	.enter-logo .tp{height: 80px;width: auto;display: block;margin:30px auto;}
	.enter-logo .tagline{font-size: 120px;color:#fff;font-weight: bold;letter-spacing: 12px;line-height: 120px;}
	.enter-logo .tagline i,.enter-logo .tagline span:nth-child(5){font-size: 100px!important;color: #fff;font-family: 'Microsoft YaHei';line-height: 100px;margin:0 15px;display: block;}


	.enter-skip{position:absolute;right: 50px;bottom: 50px;font-size: 12px;color: #fff;background: url(../images/icon_04.png) no-repeat right bottom;background-size:26px 18px;padding-right: 30px;display: block;line-height: 30px;transition: all .3s;}
	.enter-skip::after{content:'';position:absolute;left: 0;bottom: 1px;width: 30px;height: 2px;background: #4b4b4b;}
	.enter-skip:hover{transform: translateY(-5px); }

	.enter-jiu{width: 100%;height: 80%;/* position:fixed;left: 50%;margin-left: -500px;top: 50%;margin-top: -372px; */position:relative;top:-40px;}
	.enter-jiu .mod{position:absolute;}
	.enter-jiu .mod .img{width: 100%;}

	.enter-jiu .mod1{left: 16px;top: 280px;width: 80px;}
	.enter-jiu .mod1 .slide{transform: skew(-25deg); margin:0 auto;}
	.enter-jiu .mod1 .img{width: 105.28px;height: 50px; transform: skew(25deg); position:relative;right:11px;}
	.indexes li{background: #fff;width: 10px;height: 10px;border-radius: 50%;margin: 0 3px;display:inline-block;}
	.indexes li:hover{background: blue;}
		

	.enter-jiu .mod2{left: 87px;top: 230px;width: 80px;background: red; height: 200px;transform: skew(-24.5deg);position:relative;}
	.enter-jiu .mod2 .img{width: 105.28px;height: 50px; background: red;transform: skew(25deg); position:relative;right:15px;}

	/* .enter-jiu .mod2 .slide{transform: skew(-24.5deg);}
	.enter-jiu .mod2 .img{height: 745px;background: red;} */

	.enter-jiu .slide2_1 .img{height: 50px;}

	.enter-jiu .slide2_2 .img{height: 50px;}

	.enter-jiu .slide2_3 .img{height: 50px;}

	.enter-jiu .slide2_4 .img{height: 50px;}

	.enter-jiu .slide2_5 .img{height: 50px;}


	.enter-jiu .mod3{left: 181px;top: 280px;width: 80px;}
	.enter-jiu .mod3 .slide{transform: skew(-24.5deg);}
	.enter-jiu .mod3 .img{height: 50px; background: red;width: 105.28px;transform: skew(25deg); position:relative;right:15px;}

	.enter-jiu .mod4{left: 255px;top: 280px;width: 23px;transform: skew(-2deg);}
	.enter-jiu .mod4 .shizi{width: 100%;height: 50px;}


	.enter-jiu .mod5{left: 240px;top: 280px;width: 80px;}
	.enter-jiu .mod5 .slide{transform: skew(-24.5deg);}
	.enter-jiu .mod5 .img{height: 200px; width:175px; background: red; transform: skew(25deg); position:relative;right:47px;}

	.enter-jiu .mod6{left: 289px;top: 430px;width: 88px;}
	.enter-jiu .mod6 .slide{transform: skew(-24.5deg); }
	.enter-jiu .mod6 .img{height: 50px; background: red;width: 115.28px; transform: skew(25deg); position:relative;right:12px;}

	.enter-jiu .txt{position:absolute;margin:7px 0;width: 100%;display: block;}
	.enter-jiu .tit{font-size: 2px;color: #fff;}
	.enter-jiu .en{font-size: 0.5px;color: #fff;}
	.enter-jiu .en p{color: #fff;}
	.enter-jiu .txt:hover .tit,.enter-jiu .txt:hover .en,.enter-jiu .txt:hover .en p{color: rgba(255,255,255,.7)}

	.enter-jiu .mod1 .txt{margin-left: 0px;}

	.enter-jiu .mod2 .txt{top: -60px;}
	.enter-jiu .mod2 .bot{bottom: -50px;left: 80px;position:absolute;width: 100%;}

	.enter-jiu .mod3 .txt{left: -20px;top: 45px;text-align: right;}

	.enter-jiu .mod5 .txt{right: -46px;top: -98px;text-align: right;}

	.enter-jiu .mod6 .txt{right: 0px;top: -100px;text-align: right; z-index:-1;}

	.enter-home{font-size: 2px;color: #fff;position:absolute;bottom: 40px;right: -10px;display: inline-block;vertical-align: middle;background: url(../images/icon_04.png) no-repeat right center;background-size:14px 14px;padding-right: 20px;text-decoration: underline;}
	.enter-home:hover{color: rgba(255,255,255,.7)}
		
	
	
}